﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>注册</title>
    <link href="/static/css/style.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="{{ static('js/vue-2.5.16.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/axios-0.18.0.min.js') }}"></script>
</head>
<body class="member">

<div class="w1185">
    <div class="logo"><a href="#"></a></div>
    <div class="font-d">欢迎登陆</div>
    <div class="search">
        <form action="#" class="form">
            <input type="text" value="输入商品关键字" name="keyword" class="txt" onfocus="if(value=='输入商品关键字') {value=''}"
                   onblur="if(value=='') {value='输入商品关键字'}"/>
            <input type="submit" value="搜索" class="sub"/>
        </form>
        <p><a href="#">iphone6s</a>|<a href="#">面膜</a>|<a href="#">婚庆床品</a>|<a href="#">运动鞋</a>|<a href="#">眼霜</a>|<a
                href="#">月饼</a>|<a href="#">智能手机</a>|<a href="#">连衣裙</a></p>
    </div>
    <div class="s_r"><img src="/static/images/tel.jpg"/></div>
    <div class="clear"></div>
</div>

<div class="reg" id="app">
    <div class="w1185">
        <div class="left">
            <p><b>免费注册</b></p>
            <form method="post" action="{{ url('users:register') }}" class="form">
                <ul>
                    <li><span><font>*</font> 用户名：</span><input type="text" name="username" class="txt"/></li>
                    {#                    <span class="error_tip" v-show="error_name">[[ error_name_message ]]</span>#}
                    <li><span><font>*</font> 请设置密码：</span><input type="password" name="password" class="txt"/></li>
                    {#                    <span class="error_tip" v-show="error_password">请输入8-20位的密码</span>#}
                    <li><span><font>*</font> 请确认密码：</span><input type="password" name="password2" class="txt"/></li>
                    {#                    <span class="error_tip" v-show="error_password2">两次输入的密码不一致</span>#}
                    <li><span><font>*</font> 手机号：</span><input type="text" v-model="mobile" @blur="check_mobile" name="mobile" id="phone" class="txt"/></li>
                    {#                    <span class="error_tip" v-show="error_mobile">[[ error_mobile_message ]]</span>#}
                    <li><span><font>*</font> 图形验证码: </span> <input type="text"
                                                                   v-model="image_code"
                                                                   @blur="check_image_code"
                                                                   name="image_code"
                                                                   id="pic_code"
                                                                   class="txt txt2 pic_code">
                        {# <img src="/static/images/pic_code.jpg" @click="generate_image_code" alt="图形验证码" class="pic_code">#}
                        <img :src="image_code_url" @click="generate_image_code" alt="图形验证码" class="pic_code"></li>
                    {#                    <span class="error_tip" v-show="error_image_code">[[ error_image_code_message ]]</span>#}
                    <li>
                        <font>*</font>
                        <label>短信验证码:</label>
                        <input type="text" v-model="sms_code" @blur="check_sms_code" name="sms_code" id="msg_code"
                               class="msg_input txt">
                        <a @click="send_sms_code" class="get_msg_code">[[ sms_code_tip ]]</a>
                        {#                        <span v-show="error_sms_code" class="error_tip">[[ error_sms_code_message ]]</span>#}
                        {% if sms_code_errmsg %}
                            <span class="error_tip">{{ sms_code_errmsg }} </span>
                        {% endif %}
                    </li>
                    <li class="li01"><input type="checkbox" v-model="allow" @change="check_allow" value="" id="allow"
                                            name="allow"/>
                        <label>我已阅并同意<a rel="#">《易易城用户注册协议》</a></label>
                        <span class="error_tip2" v-show="error_allow">请勾选用户协议</span>
                        {% if register_errmsg %}
                            <span class="error_tip2">{{ register_errmsg }}</span>
                        {% endif %}
                    </li>
                    <li class="li02"><input type="submit" value="立即注册" class="sub"/></li>
                </ul>
            </form>
        </div>
        <div class="right">我已经注册，马上<a rel="#" href="/login">登录</a></div>
        <div class="clear"></div>
    </div>
</div>

<div class="bottom">
    <a href="#">关于我们</a>|<a href="#">帮助中心</a>|<a href="#">法律声明</a>|<a href="#">用户协议</a>|<a href="#">联系我们</a>|<a
        href="#">人才招聘</a>|<a href="#">站点地图</a>

    <p>网络文化经营许可证：粤网文[2015]0295-065号<br/>© 2015 深圳易易城科技网络有限公司. 粤ICP备15042543号</p>
</div>
<script type="text/javascript" src="/static/js/host.js"></script>
<script type="text/javascript" src="/static/js/common1.js"></script>
<script type="text/javascript" src="/static/js/register.js"></script>
</body>
</html>
